<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/13
  Time: 9:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <link href="${pageContext.request.contextPath}/css/personalcenter.css" rel="stylesheet">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/layui.css" media="all">
    <script src="${pageContext.request.contextPath}/js/layui.js" charset="utf-8"></script>
    <style>
        .layui-laypage-default{
            margin-left: 380px;
            margin-top: 40px;
        }
        .layui-laypage .layui-laypage-curr .layui-laypage-em{
            background-color: #5f5d5d;
        }
    </style>
</head>
<body>
<!--最上面的导航-->
<div class="shortcut-2014">
    <div class="w">
        <ul class="fr">
            <li class="fore1 fore1zidingyi" id="ttbar-login">
                <a href="${pageContext.request.contextPath}/customer/login.jsp" class="link-login">你好，请登录</a>
                <a href="${pageContext.request.contextPath}/customer/register.jsp" class="link-regist style-red">免费注册</a>
            </li>
            <!--<li class="spacer"></li>-->
            <li class="fore2">
                <div class="dt">
                    <a href="${pageContext.request.contextPath}/order/myorder.html" target="_blank">我的订单</a>
                </div>
            </li>
        </ul>
    </div>
</div>
<div id="o-header-2013">
    <div id="header-2013" style="display:none;"></div>
</div>
<!-- 下面的带 logo 的部分 -->
<div id="nav">
    <div class="w">
        <!-- logo 部分 -->
        <div class="logo">
            <a href="${pageContext.request.contextPath}/product/generalMerchandise.jsp" class="fore11" target="_blank"></a>
            <a href="${pageContext.request.contextPath}/customer/personalcenter.jsp" class="fore22" target="_blank">我的树懒</a>
            <a href="${pageContext.request.contextPath}/product/generalMerchandise.jsp" class="fore33" target="_blank">返回树懒首页</a>
        </div>
        <!-- 我的购物车部分样式 -->
        <div class="nav-r zidingyiright">
            <div id="settleup-2014" class="dorpdown">
                <div class="cw-icon" id="zidingyi">
                    <i class="ci-left"></i>
                    <i class="ci-right">></i>
                    <!--<i class="ci-count" id="shopping-amount">28</i>-->
                    <a href="${pageContext.request.contextPath}/customer/shopcar.jsp" target="_blank">我的购物车</a>
                </div>
            </div>
        </div>
    </div>
</div>
<!--主体部分-->

<div id="container">
    <div class="w">
        <div class="mycomment-detail">
            <div class="detail-hd" id="o-info-orderinfo">

            </div>

            <!-- page -->


            <div class="mycomment-form">
                <!-- page -->
                <div class="m-userinfo">
                    <div class="s-userbar s-bar" style="padding-top: 10px;">
                    </div>
                    <div class="s-my-counts s-content">
                        <div class="s-baseinfo">
                            <a href="" target="_blank" class="s-avatar" data-spm="d4911997" data-spm-anchor-id="a1z02.1.972272805.d4911997">
                                <span class="s-edit-mask">编辑资料</span>
                                <img src="${pageContext.request.contextPath}/images/头像.png">
                            </a>
                            <input id="mtb-nickname" type="hidden" value="bh6666">
                            <input id="mtb-userid" type="hidden" value="2947870368">
                            <div class="s-name">
                                <a data-spm="d4912005" target="_blank"
                                   href="${pageContext.request.contextPath}/"
                                   data-spm-anchor-id="a1z02.1.972272805.d4912005">
                                    <em>十六夜清心</em>
                                    (bh6666)
                                </a>
                            </div>
                            <div class="s-prestige" style="margin-left: 80px;">
                            </div>
                        </div>
                        <ul class="s-my-stuffs">
                            </li>
                            <li class="s-privilegeinfo J_DropRoot">
                                <span class="J_DropTrigger i-trigger">我的收货地址</span>
                            </li>
                            <li class="s-privilegeinfo J_DropRoot">
                                <span class="J_DropTrigger i-trigger">我的优惠信息</span>
                            </li>
                            </li>
                            <li class="s-privilegeinfo J_DropRoot">
                                <span class="J_DropTrigger i-trigger">我的支付宝</span>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- page -->
                <div data-spm="1998049142" class="m-logistics g-box-base g-mb-set">
                    <div class="head">
                        <div class="myorder">
                            <div class="head-nav">
                                <ul>
                                    <li><a href="${pageContext.request.contextPath}/order/myorder.jsp">全部订单</a></li>
                                    <li><a href="${pageContext.request.contextPath}/">待付款</a></li>
                                    <li><a href="${pageContext.request.contextPath}/">待支付</a></li>
                                    <li><a href="${pageContext.request.contextPath}/">待收货</a></li>
                                </ul>
                            </div>
                            <div class="search-right">
                                <form action="" class="search-form">
                                    <input type="text" class="keyword" placeholder="商品名称/商品订单号">
                                    <a href="${pageContext.request.contextPath}/" class="search-btn">搜索</a>
                                </form>
                            </div>
                        </div>

                        <!--  订单详情-->
                        <div class="cart-head">

                            <div class="head-goods">订单详情</div>
                            <div class="head-right">收货人</div>
                            <div class="head-right">金额</div>
                            <div class="head-right">订单状态</div>
                            <div class="head-right">操作</div>
                        </div>
                        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
                        <div class="goods-detail">
                            <!-- 左边（图片名称）-->
                            <div class="goods-left">
                                <div class="ordertime">
                                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                                    <span>订单编号：</span>

                                    <span>1313123123123</span>
                                </div>
                                <div class="number">x1</div>
                                <a href="" class="goods-img">
                                    <img src="${pageContext.request.contextPath}/images/shouji123.jpg">
                                </a>
                                <a href="" class="goods-name">
                                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

                            </div>


                            <!-- 右边（价格操作）-->
                            <div class="goods-right">
                                <div class="cell cart-name"><span>王勤来</span></div>
                                <div class="cell unit-price">
                                    <span>￥</span>
                                    <span>5999</span>
                                </div>


                                <div class="cell cart-status">
                                    <a href="">已完成</a>
                                </div>
                                <div class="cell cart-delete">
                                    <a href="${pageContext.request.contextPath}/product/comment.jsp">评价</a>

                                </div>

                            </div>
                        </div><!---------------->

                        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
                        <div class="goods-detail">
                            <!-- 左边（图片名称）-->
                            <div class="goods-left">
                                <div class="ordertime">
                                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                                    <span>订单编号：</span>

                                    <span>1313123123123</span>
                                </div>
                                <div class="number">x1</div>
                                <a href="" class="goods-img">
                                    <img src="${pageContext.request.contextPath}/images/shouji123.jpg">
                                </a>
                                <a href="" class="goods-name">
                                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

                            </div>


                            <!-- 右边（价格操作）-->
                            <div class="goods-right">
                                <div class="cell cart-name"><span>王勤来</span></div>
                                <div class="cell unit-price">
                                    <span>￥</span>
                                    <span>5999</span>
                                </div>


                                <div class="cell cart-status">
                                    <a href="">已完成</a>
                                </div>
                                <div class="cell cart-delete">
                                    <a href="${pageContext.request.contextPath}/product/comment.jsp">评价</a>
                                </div>

                            </div>
                        </div><!---------------->
                        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
                        <div class="goods-detail">
                            <!-- 左边（图片名称）-->
                            <div class="goods-left">
                                <div class="ordertime">
                                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                                    <span>订单编号：</span>

                                    <span>1313123123123</span>
                                </div>
                                <div class="number">x1</div>
                                <a href="" class="goods-img">
                                    <img src="${pageContext.request.contextPath}/images/shouji123.jpg">
                                </a>
                                <a href="" class="goods-name">
                                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

                            </div>


                            <!-- 右边（价格操作）-->
                            <div class="goods-right">
                                <div class="cell cart-name"><span>王勤来</span></div>
                                <div class="cell unit-price">
                                    <span>￥</span>
                                    <span>5999</span>
                                </div>


                                <div class="cell cart-status">
                                    <a href="">已完成</a>
                                </div>
                                <div class="cell cart-delete">
                                    <a href="${pageContext.request.contextPath}/product/comment.jsp">评价</a>
                                </div>

                            </div>
                        </div><!---------------->

                        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
                        <div class="goods-detail">
                            <!-- 左边（图片名称）-->
                            <div class="goods-left">
                                <div class="ordertime">
                                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                                    <span>订单编号：</span>

                                    <span>1313123123123</span>
                                </div>
                                <div class="number">x1</div>
                                <a href="" class="goods-img">
                                    <img src="${pageContext.request.contextPath}/images/shouji123.jpg">
                                </a>
                                <a href="" class="goods-name">
                                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

                            </div>


                            <!-- 右边（价格操作）-->
                            <div class="goods-right">
                                <div class="cell cart-name"><span>王勤来</span></div>
                                <div class="cell unit-price">
                                    <span>￥</span>
                                    <span>5999</span>
                                </div>


                                <div class="cell cart-status">
                                    <a href="">已完成</a>
                                </div>
                                <div class="cell cart-delete">
                                    <a href="${pageContext.request.contextPath}/product/comment.jsp">评价</a>
                                </div>

                            </div>
                        </div><!---------------->
                        <!--商品详情： 左边（图片名称） + 右边（价格操作）-->
                        <div class="goods-detail">
                            <!-- 左边（图片名称）-->
                            <div class="goods-left">
                                <div class="ordertime">
                                    <div class="order-time"><span> 2021-09-16 20:26:13</span></div>
                                    <span>订单编号：</span>

                                    <span>1313123123123</span>
                                </div>
                                <div class="number">x1</div>
                                <a href="" class="goods-img">
                                    <img src="${pageContext.request.contextPath}/images/shouji123.jpg">
                                </a>
                                <a href="" class="goods-name">
                                    Apple iPhone 12 (A2404) 128GB 黑色 支持移动联通电信5G 双卡双待手机</a>

                            </div>


                            <!-- 右边（价格操作）-->
                            <div class="goods-right">
                                <div class="cell cart-name"><span>王勤来</span></div>
                                <div class="cell unit-price">
                                    <span>￥</span>
                                    <span>5999</span>
                                </div>


                                <div class="cell cart-status">
                                    <a href="">已完成</a>
                                </div>
                                <div class="cell cart-delete">
                                    <a href="${pageContext.request.contextPath}/product/comment.jsp">评价</a>
                                </div>

                            </div>
                        </div>
                        <div id="demo0">
                            <div class="layui-box layui-laypage layui-laypage-default" id="layui-laypage-1">
                                <a href="javascript:;" class="layui-laypage-prev" data-page="2">上一页</a>
                                <a href="javascript:;" data-page="1">1</a>
                                <a href="javascript:;" data-page="2">2</a>
                                <span class="layui-laypage-curr">
                                    <em class="layui-laypage-em"></em>
                                    <em>3</em></span>
                                <a href="javascript:;" data-page="4">4</a>
                                <a href="javascript:;" data-page="5">5</a>
                                <span class="layui-laypage-spr">…</span>
                                <a href="javascript:;" class="layui-laypage-last" title="尾页" data-page="7">7</a>
                                <a href="javascript:;" class="layui-laypage-next" data-page="4">下一页</a>
                            </div>
                        </div>
                        <script>
                            layui.use(['laypage', 'layer'], function () {
                                var laypage = layui.laypage
                                    , layer = layui.layer;

                                //总页数低于页码总数
                                laypage.render({
                                    elem: 'demo0'
                                    , count: 70 //数据总数
                                });
                            })
                        </script>


                    </div>
                </div>


            </div>
        </div>
    </div>
    <!--下方提示信息-->
    <div id="cmsfooter">
        <div id="service-2017">

            <!-- 多快好省 -->
            <div class="w hhzidingyi">
                <ol class="slogen">
                    <li class="item ">
                        <i>多</i>
                        品类齐全，轻松购物
                    </li>
                    <li class="item fore2">
                        <i>多</i>
                        多仓发货，极速配送
                    </li>
                    <li class="item fore3">
                        <i>好</i>
                        正品行货，精致服务
                    </li>
                    <li class="item fore4">
                        <i>省</i>
                        天天低价，畅选无忧
                    </li>
                </ol>
            </div>

            <!--下面的信息-->
            <div class="shulan-help">
                <div class="w hhzidingyi">
                    <div class="tishixinxi">
                        <span class="zititishixinxi">欢迎使用树懒商城，为您提供高质量的服务，是我们商城最高的追求！</span>
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>
</body>
</html>

